<template>
<<<<<<< HEAD
  <div id="app">
    <img src="./assets/logo.png">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
=======
	<div>
	  <el-row>
		<el-col :span="2" class="left">
		  <div class="avatar"></div>
		  <el-menu
			default-active="2"
			class="el-menu-vertical-demo"
			@open="handleOpen"
			@close="handleClose"
			background-color="#304156"
			text-color="#fff"
			active-text-color="#ffd04b"
		  >
			<el-menu-item  v-for="(item,index) in nav" @click="goAnother(item.title,item.path)" :index="index+1" class="every" :key="index">
			  <span slot="title">{{item.title}}</span>
			</el-menu-item>
		
		  </el-menu>
		</el-col>
		<el-col :span="22">
		  <div class="top">
			<p class="title">{{topTitle}}</p>
			<p class="user">18737656365 <button>退出</button></p>
		  </div>
		  <router-view />
		</el-col>
	  </el-row>
	</div>
  </template>
  
  <script>
  export default {
	name: "",
	data(){
		return {
			nav:[
				{title:'首页',path:'home'},
				{title:'用户管理',path:'user'},
				{title:'商户管理',path:'merchant'},
				{title:'服务管理',path:'serviceMag'},
				{title:'订单管理',path:'orderWash'},
				{title:'救援任务',path:'rescue'},
				{title:'信息发布',path:'message'},
				{title:'订单统计',path:'amount'},
			],
			topTitle:'首页'
		}
	},
	methods:{
		goAnother(title,path){
			this.topTitle = title
			this.$router.push(path)
		}
	}
  };
  </script>
  <style scoped>
  .every{
	text-align: center;
  }
  .avatar {
	border: 1px solid gray;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background-color: gainsboro;
	margin: 10px 0 10px 35%;
  }
  .left {
	height: 1080px;
	background-color: rgba(48, 65, 86, 100);
	color: rgba(16, 16, 16, 100);
	font-size: 14px;
	font-family: Roboto;
	float: left;
  }
  
  .top {
	width: 100%;
	border-bottom: 2px solid grey;
	position: relative;
	height: 70px;
  }
  .user {
	right: 30px;
  }
  .title,
  .user {
	position: absolute;
	top: 0;
	line-height: 40px;
  }
  .title {
	left: 20px;
  }
  </style>
  
>>>>>>> 02a1a7f (2023-03-08)
